<template>
  <a href="#" class="relative z-10">
    <!-- tailwind的渐变 通过变量实现 -->
    <div class="absolute -inset-1 bg-gradient-to-r from-red-600 to-orange-600 rounded-xl
    blur opacity-25 hover:opacity-50 transition duration-300"></div>
    <Flame class="text-red-600 w-10 h-10" />
  </a>
</template>

<script>
import { Flame } from 'lucide-vue-next'

export default {
  name: 'Logo',
  components: {
    Flame
  }
}
</script>